<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>志愿者服务信息网</title>
		<link rel="shortcut icon" type="image/x-icon" href="https://yst-pjyc-server.oss-cn-beijing.aliyuncs.com/datas/image/20181120/20181120103218126806518.jpg" media="screen" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/layer.css" />
		<link rel="stylesheet" type="text/css" href="css/page.css" />
		<link rel="stylesheet" type="text/css" href="css/volunteer_integral.css" />
	</head>

	<body>

		<!--top头部标题栏-->
		<div id="top">
			<div class="top_show1">
				<p id="top_t">
					<span id="login">亲，请登录</span><span id="loginOut">退出</span>&nbsp;&nbsp;&nbsp;&nbsp;<span id="registe_volunteer">志愿者注册</span>/<span id="registe_team">志愿团体注册</span>
				</p>
			</div>
			<div class="top_show2">
				<div class="top_m">
					<div class="logo">
						<img src="img/logo.jpg" />
						<div class="volunteer">
							<p>
								<a class="top_tittle" href="#">天津市滨海新区志愿者服务信息网</a>
							</p>
							<p>
								<a class="top_address" href="#">www.tjbhzyz.com</a>
							</p>
						</div>

					</div>
					<div class="search">
						<p class="sousuo_type" data-id="1">活动</p>
						<div class="search_type">
							<p data-id="1">活动</p>
							<p data-id="2">团队</p>
						</div>
						<input type="text" name="info" id="info" value="" placeholder="请输入搜索内容" />
						<p id="search"><img src="img/sercher.png" /></p>
					</div>
					<div id="help">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>求助中心</p>
					</div>
					<div id="phone_vl">
						<p><img src="img/icon_qzzx.png" /></p>
						<p>志愿者平台手机版</p>
					</div>
				</div>
			</div>

			<!--导航栏-->
			<div class="top_show3">
				<div id="nav">
					<p id="vl_home">网站首页</p>
					<p id="vl_active">志愿活动</p>
					<p id="vl_team">志愿团队</p>
					<p id="vl_integral" class="click">积分兑换</p>
					<p id="vl_center">志愿中心</p>
				</div>
			</div>
		</div>
		<div id="main">
			<!--积分兑换-->
			<div id="vl_integral_xq">
				<div id="s_top">
					<p class="tittle">积分明细</p>
					<div class="choose_dh">
						<p>商品编号:<input type="text" name="" id="pro_num" value="" /></p>
						<p>商品名称:<input type="text" name="" id="pro_name" value="" /></p>
						<p>商品类型:
							<select name="" id="pro_type">
								<option value="">请选择</option>

							</select>
						</p>
						<div class="s_caozuo">
							<p id="search_prod">搜索</p>
							<p id="reset">重置</p>
						</div>

					</div>
				</div>
				<div class="jf_table">
					<table id="jf_table" border="" cellspacing="" cellpadding="">
						<thead>
							<tr>
								<th>商品编号</th>
								<th>商品名称</th>
								<th>所需积分</th>
								<th>库存</th>
								<th>类型</th>
								<th>状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>

						</tbody>

					</table>
				</div>
				<div id="jf_page">

				</div>
			</div>
		</div>
		<div class="mengban">
			<div class="sign">
				<p class="p4">温馨提示 <span class="close_s">×</span></p>
				<div class="tips">
					兑换后无法更改，确认兑换？
				</div>
				<div class="div_btn">
					<p class="btn_yes">确定</p>
					<p class="btn_close">取消</p>
				</div>
			</div>
			<div class="sign_team">
				<p class="p4"><span class="red">恭喜您兑换成功</span><span class="close_s">×</span></p>
				<div class="tips3">
					<p class="dh_code">报名成功，已向团队成员发送邀请</p>
					<p class="tips2">请持商品兑换码到天津市滨海新区泰达街道110号领取礼品</p>
				</div>

				<div class="btn_close1">关闭</div>
			</div>
			<div class="sign_close">
				<p class="p4"><span class="red error">抱歉您的积分不足</span><span class="close_s">×</span></p>
				<div class="tips3">
						<img class="qingchu" src="img/qingchu.png"/>
				</div>

				<div class="btn_close1">关闭</div>
			</div>
		</div>
		<div class="bottom">
			<div id="bottom_nav">
				<p id="link_us">联系我们</p>
				<p id="about_us">关于我们</p>
				<p id="set_home">设为首页</p>
			</div>
			<p class="bottom_p">备案号:津246541561561655天津滨海新区志愿服务网</p>
		</div>
		<!--</div>-->

	</body>
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/page.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/volunteer_integral.js" type="text/javascript" charset="utf-8"></script>

</html>